﻿<!DOCTYPE html>
<html>
<head>
    <title>iPhone Swipe Gesture - Common version</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />    
    <link href="css/styles.css" rel="Stylesheet" />      
</head>
<body>
    <div id="wrapper">
        <ul id="slideContainer">                   
            <li>
                <img src="img/1.jpg" width="100%" height="100%" link="http://www.google.com"/>                              	                      
            </li>
            <li>
               <img src="img/2.jpg" width="100%" height="100%" link="http://www.yahoo.com"/>               
            </li>  
            <li>
               <img src="img/3.jpg" width="100%" height="100%" link="http://www.facebook.com"/>                
            </li>   
            <li>
                <img src="img/4.jpg" width="100%" height="100%" link="http://www.linkedin.com"/>                
            </li>
            <li>
                <img src="img/5.jpg" width="100%" height="100%" link="http://www.slideshare.net"/>                              	                      
            </li>   
            <li>
                <img src="img/6.jpg" width="100%" height="100%" link="http://www.twitter.com"/>                              	                      
            </li>   
            <li>
                <img src="img/7.jpg" width="100%" height="100%" link="http://www.flickr.com"/>                              	                      
            </li>                                
        </ul>       
    </div> 
    <!-- Preload the images --> 
    <div style="display:none;">
        <img src="img/2.jpg"/>  
        <img src="img/2.jpg"/> 
        <img src="img/3.jpg"/> 
        <img src="img/4.jpg"/> 
        <img src="img/5.jpg"/> 
        <img src="img/6.jpg"/> 
        <img src="img/7.jpg"/>     
    </div>
</body>
<script type="text/javascript" src="js/scripts_blog_version.js">               
</script>
</html>
